.course-content {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 40px auto 0 auto;

  .course-header {
    display: flex;
    margin-bottom: 10px;
  }

  .header-title {
    font-size: 20px;
    padding-left: 20%;
  }

  .header-more {
    font-size: 14px;
    color: cornflowerblue;
  }

  .course-items-container {
    display: flex;
    justify-content: center;
    gap: 10px;
    //padding: 10px;
  }

  .el-card__body {
    padding: 0;
  }

  .course-item {
    flex: 1;
    max-width: 200px;
    box-sizing: border-box;
    //padding: 10px;
    height: 270px;
    line-height: 30px;

    .course-item-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .course-item-content {
      font-size: 14px;
      padding: 0 10px;
    }

    &.active {
      cursor: pointer;
    }
  }
}
